@charset "utf-8";

/* CSS Document */


/*================================准备三步==================================*/


/*==================清样式========================*/

body,
h1,
h2,
h3,
h4,
h5,
h6,
a,
img,
input,
ul,
ol,
dl,
li,
dt,
dd,
p {
	padding: 0;
	margin: 0;
}

ul,
ol {
	list-style: none;
}

input {
	outline: none;
}

img {
	border: 0;
	display: block;
}


/*==================文本三属性========================*/

body {
	font: 14px/1.5 "微软雅黑";
	color: #333;
	background: #fff;
	width: 100%;
}


/*==================超链接========================*/

a {
	text-decoration: none;
	color: #909090;
}

a:hover {
	text-decoration: underline;
	cursor: pointer;
}


/*=====================通用样式==========================*/

.w {
	margin: 0 auto;
}

.l {
	float: left;
}

.r {
	float: right;
}


/*---------------------header------------------------*/

#header {
	width: 1260px;
	height: 31px;
	background: #eee;
	font-size: 12px;
	line-height: 30px;
	margin: 0 auto;
}

#header .pull-left {
	height: 31px;
	color: #a0a09e;
}

#header .pull-left .post {
	width: 70px;
	height: 31px;
	padding: 0 10px;
	overflow: hidden;
	cursor: pointer;
}
#header .pull-left .post .post-pic{
	display: inline-block;
	height:31px;
	width: 14px;
	background: url("../img/header-post.jpg") no-repeat 0;
}
#header .pull-left .post a.first{
	padding:0 14px 0 5px;
	width: 35px;
	background: url("../img/header-arrow.jpg") no-repeat 40px;
	display: block;
	color: #a0a09e;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;	
}
#header .pull-left .post .select{
	width: 275px;
	height:360px;
	overflow: auto;	
	position:absolute;
	top:31px;
	left:0;
	z-index: 1;
	background: #fff;
	padding:10px;
	display: none;
	box-shadow: 0 10px 15px rgba(175,175,175,0.75);
}

#header .pull-left .post .select h5 {
	color:#999;
	font-size:14px;
	padding: 10px 5px;
}

#header .pull-left .post .select .select-top{
	width: 260px;
	height:30px;
	background: #eee;
}

#header .pull-left .post .select .select-top li{
	padding:0 5px;
	font-size: 14px;
	color: #555;
}

#header .pull-left .post .select .select-top li a:hover{
	color:#64a131;
}

#header .pull-left .post .select .select-down li{
	font-size: 14px;
	padding:0 5px;	
	border-bottom:1px solid #eee;
}

#header .pull-left .post .select .select-down li a{
	color:#555;
	display: block;
	width: 260px;
}
#header .pull-left .post .select .select-down li a span{
	width: 30px;
	height:30px;
	background: url("../img/icons.png") no-repeat -118px -220px;
}

#header .pull-left .post .select .select-down li a:hover{
	color: #64a131;
	background-position:-118px -182px;
	text-decoration:none;
	background: #eee;
}
#header .pull-left .post .select .select-down li a:hover span{
	background: url("../img/icons.png") no-repeat -118px -182px;
	text-decoration:none;
}
#header .pull-left .post .select .select-down .city{
	width: 260px;
	display: none;
}
#header .pull-left .post .select .select-down .city a{
	display: block;
	padding:0 10px;
	border-top: 1px dashed #eee;
}



#header .pull-left .exp {
	color: #87af6d;
	cursor: pointer;
}

#header .pull-right {
	height: 31px;
	color: #a0a09e;
}
#header .pull-right a:hover{
	color:#f6ab00 ;
}

#header .pull-right li {
	padding: 0 8px;
	position: relative;
	height:31px;
}

#header .pull-right li img {
	display: inline-block;
	margin-right: 3px;
	margin-bottom: -2px;
}

#header .pull-right .pull-right-news{
	width: 210px;
	max-height: 145px;
	padding:10px 15px 5px;
	background: #fff;
	position: absolute;
	top: 31px;
	right: 0px;
	font-size: 12px;
	z-index: 1;
	display: none;
	box-shadow: 0 10px 15px rgba(175,175,175,0.75);
}
#header .pull-right .pull-right-news ul{
	margin-bottom: 5px;
}	
#header .pull-right .pull-right-news ul li{
	width: 100%;
	height:36px;
	line-height: 36px;
	border-bottom: 1px dashed #ddd;
	
}
#header .pull-right .pull-right-news ul li a{
	color: #555;
}
#header .pull-right .pull-right-news ul li a:hover{
	text-decoration: none;
	color:#64a131 ;
}
#header .pull-right .pull-right-news ul li strong{
	display: inline-block;
	background: #f00;
	color: #fff;
	padding:0 3px;
	margin-left: 3px;
	height:16px;
	line-height: 16px;
	border-radius: 3px;
	text-align: center;
	
}

#header .pull-right .pull-right-news div{
	text-align: center;
}
#header .pull-right .pull-right-news div a{
	color: #64a131;
}

#header .pull-right .pull-right-phone{
	width: 260px;
	height: 275px;
	padding:10px 15px 5px;
	background: #fff;
	position: absolute;
	top: 31px;
	right: 0px;
	font-size: 12px;
	z-index: 1;
	display: none;
	box-shadow: 0 10px 15px rgba(175,175,175,0.75);
}
#header .pull-right .pull-right-phone div{
	height:30px;
	line-height:30px;
	text-align: center;
	color: #555555;
}
#header .pull-right .pull-right-phone div a{
	color: #64A131;
}
#header .pull-right .pull-right-phone dl{
	width: 260px;
	height:118px;
	margin-bottom:10px ;
	border-bottom: 1px solid #eee;
}
#header .pull-right .pull-right-phone dt{
	width: 100px;
	height: 100px;
}
#header .pull-right .pull-right-phone dt img{
	width: 100%;
	height: 100%;
}
#header .pull-right .pull-right-phone .one{
	width: 145px;
	height:102px;
	padding-top: 10px;
}
#header .pull-right .pull-right-phone .two{
	color: #555555;
}
#header .pull-right .pull-right-phone .two span{
	width: 145px;
	height:20px;
	margin-top:30px ;
	display: block;
	color:#64A131;
}
/*---------------------nav------------------------*/


/*-------------logo-------------*/

#nav {
	width: 1260px;
	height: 80px;
	background: #fff;
	padding: 20px 0;
	margin: 0 auto;
}

#nav h1 {
	width: 296px;
	height: 74px;
}

#nav h1 a {
	width: 296px;
	height: 74px;
	display: block;
	cursor: pointer;
	background: url("../img/logo.png") no-repeat 0px;
}


/*------------list--------------*/

#nav .nav-list {
	height: 80px;
	padding-left: 40px;
}

#nav .nav-list li {
	height: 80px;
}

#nav .nav-list li.cur {
	position: relative;
}

#nav .nav-list li.cur em {
	border-bottom: 2px solid #64a131;
	position: absolute;
	left: 5%;
	bottom: -18px;
	width: 90%;
}

#nav .nav-list li a {
	display: block;
	height: 40px;
	padding: 0 25px;
	margin: 20px 0;
	text-align: center;
	border-right: 1px solid #eee;
}

#nav .nav-list li a:hover {
	background: #eee;
	text-decoration: none;
}

#nav .nav-list li.cur a {
	color: #64a131;
}

#nav .nav-list li a.last {
	border-right: 0;
}

#nav .nav-list li a span {
	display: block;
}


/*-------------search-------------*/

.search {
	width: 240px;
	height: 80px;
	position:relative;
}

.search .searcharea {
	position:relative;
	width: 180px;
	height: 50px;
	margin-top: 20px;
	font-size: 12px;
}

#search-key {
	position:absolute;
	top:0px;
	border: 0px;
	border-bottom: 1px solid #ccc;
	height: 27px;
	line-height: 27px;
	width: 140px;
}

#search-btn {
	position:absolute;
	top:0px;
	left:140px;
	background: url("../img/fdj.png") no-repeat 0px;
	width: 28px;
	height: 28px;
	border: 0px;
	cursor: pointer;
	border-bottom: 1px solid #ccc;
}
.hotsearch{
	position:absolute;
	top:28px;
	width:180px;
	height:23px;
}
.hotsearch {
	position:absolute;
	top:28px;
	
}
.shopcar {
	position:absolute;
	top:30px;
	left:190px;	
	cursor: pointer;
}
.shopcar .num{
	position:absolute;
	top:-8px;
	left:15px;
	color:#64a131;
}
/*---------------scroll事件-------------------*/
#toolf{
	width: 35px;
	height:109px;
	position:fixed;
	right:0;
	bottom: 15px;
	background: url(../img/kf.png) no-repeat;
	z-index: 1000;
}
#toolf a{
	width: 35px;
	height:35px;
	display: block;
	margin-bottom: 1px;
}
/*---------------------banner------------------------*/
#banner{
	position:relative;
	width: 1260px;
	height:400px;
	overflow: hidden;
	
}
#banner .bannerBox{
	width: 100%;
	height:100%;
	overflow: hidden;
	padding:0;
}

#banner .bannerBox .banner-ul{
	width: 11367px;
	height: 100%;
	margin: 0;
	padding:0;
	position:absolute;
}

#banner .bannerBox .banner-ul li{
	width: 1260px;
	height: 400px;
	/*position: absolute;*/
}
#banner .banner-ul li a{
	position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-position: center center;
    text-align: center;
    background-repeat: no-repeat;
}

/*-------------bannerbtn-------------*/
#banner .banner-nav-ul{
	width:100%;
	height:20px;
	position:absolute;
	bottom:20px;
	
	text-align: center;
	/*padding-left: 38%;*/
	left:0;
	z-index:10;
}
#banner .banner-nav-ul .banner-nav-li{
	display: inline-block;
	width:18px;
	height:18px;
	border-radius: 50%;
	border: 1px solid #64a131;
	margin:0 8px;
	cursor: pointer;
}
.active {
		background: #64a131;
}
/*---------------------advert------------------------*/

#advert {
	width: 100%;
	height: 200px;
	background: #fff;
	overflow: hidden;
	border-bottom: 1px solid #ccc;
	margin: 0 auto;
}

#advert .adv{
	width: 1260px;
	height:140px;
	margin-top: 10px;
	margin-bottom: 50px;
}

#advert .adv li{
	width:300px;
	height:140px;
	margin-right:20px;
	overflow: hidden;
	position: relative;
}

#advert .adv li.last{
	margin-right:0;
}

#advert .adv li img{
	width:300px;
	height:140px;
}
/*#advert .adv li:hover img{
	width:400px;
	height:240px;
	position: absolute;
	top:-20px;
	left:-40px;
}*/

/*---------------------fruit-kinds------------------------*/

.fruit-kinds {
	width: 1260px;
	border-bottom: 1px solid #ccc;
	margin: 0 auto;
	padding-bottom: 50px;
}
/*----up----*/
.fruit-kinds .title {
	width: 1260px;
	height:42px;
	padding:15px 0 10px;
	position:relative;
}
.fruit-kinds .title .title-left{
	height:42px;
}
.fruit-kinds .title a{
	display: block;
	position:absolute;
	right:0;
	bottom: 21px;
	color:#333;
}
/*----down----*/
.fruit-kinds .oContent{
	width:1260px;
	height: 610px;
	margin: 0 auto;
}
.fruit-kinds .oContent .pro-main{
	height:610px;
	width:248px;
	margin:0 5px;
	overflow: hidden;
	position: relative;
}
.fruit-kinds .oContent .pro-main a{
	height:610px;
	width:248px;
	display: block;
}
.fruit-kinds .oContent .pro-main a img{
	height:610px;
	width:248px;
}
.fruit-kinds .oContent .pro-main a img:hover{
	height:640px;
	width:278px;
	position: absolute;
	top:-20px;
	left:-20px;

}
.fruit-kinds .oContent .pro-list{
	height:305px;
	width:248px;
	margin:0 1px 5px;
	position: relative;
}
.fruit-kinds .oContent .pro-list .pro-img{
	height:248px;
	width:248px;
	position: relative;
	overflow: hidden;
}
.fruit-kinds .oContent .pro-list .pro-img a{
	height:248px;
	width:248px;
	display: block;
}
.fruit-kinds .oContent .pro-list .pro-img a img{
	height:248px;
	width:248px;
}
.fruit-kinds .oContent .pro-list .pro-img a img:hover{
	height:278px;
	width:278px;
	position: absolute;
	top:-20px;
	left:-20px;
}
.fruit-kinds .oContent .pro-list .pro-info{
	position: relative;
	line-height: 24px;
	font-size: 14px;
	margin-top: 5px;
}
.fruit-kinds .oContent .pro-list .pro-info .pro-info-name{
	padding-left: 2px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #555;
    max-width: 210px;
}
.fruit-kinds .oContent .pro-list .pro-info .pro-info-price{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #999;
    margin-left: 5px;
}
.fruit-kinds .oContent .pro-list .pro-info .pro-info-che{
	height:34px;
	width: 34px;
	position:absolute;
	top:10px;
	right:2px;
	cursor: pointer;
	background: url("../img/icons.png") no-repeat -517px -241px;
}
.fruit-kinds .oContent .pro-list .pro-info .cur2{
	background-position:-514px -291px;
}
.fruit-kinds .oContent .margin-none{
	height:305px;
	width:248px;
	margin-left:2px;
}
.fruit-kinds .oContent .pro-pos .pro-list-span{
	position: absolute;
	top:0;
	left:0;
	display: inline-block;
	font-size: 14px;
	color:#fff;
	padding:6px 5px;
}

.fruit-kinds .xBanner{
	width: 1260px;
	margin:20px auto;
} 

.fruit-kinds .xBanner a img{
	height:120px;
	width:100%;
} 
/*---------------------footer------------------------*/

#footer {
	width: 100%;
	height: 420px;
	background: #fff;
}
/*-------------footer-top-------------*/
#footer .footer-top{
	width: 1260px;
	height:67px;
	padding:20px 0;
	border-bottom: 1px solid #ccc;

}
#footer .footer-icon{
	width: 1260px;
	height:60px;
}
#footer .footer-top .footer-icon li{
	width: 314px;
	height:60px;
	border-right: 1px solid #ccc;
}
#footer .footer-top .footer-icon li.last{
	border: 0px;
}
/*-------------footer-center-------------*/
#footer .footer-center{
	width:1260px;
	height:161px;
	padding:20px 0;
	border-bottom: 1px solid #ccc;
}
/*----left----*/
#footer .footer-center .center-left{
	width: 315px;
	height:161px;
	padding:0 85px;
}
#footer .footer-center .center-left .footer-center-logo{
	width: 100%;
	height:82px;
	background: url("../img/logo.png") no-repeat;
}
#footer .footer-center .center-left .footer-center-phone{
	width: 100%;
	height:21px;
	text-align: center;

}
#footer .footer-center .center-left .footer-center-phone img{
	display: inline-block;
}

#footer .footer-center .center-left .footer-center-time{
	font-size:18px ;
	text-align: center;
}
#footer .footer-center .center-left .footer-center-time span{
	color:#999;
	
}

/*----center----*/
#footer .footer-center .center-center{
	width: 350px;
	height:160px;
}
#footer .footer-center .center-center li{
	width: 130px;
	height:160px;
	margin-right:45px;
}
#footer .footer-center .center-center li img{
	width: 130px;
	height:130px;
	margin-bottom:10px;
}
#footer .footer-center .center-center li span{
	display: block;
	width: 130px;
	text-align: center;
	color: #999;
}
/*----right----*/
#footer .footer-center .center-right{
	width: 402px;
	height:160px;
}
#footer .footer-center .center-right li{
	margin-left: 30px;
}
#footer .footer-center .center-right li h4{
	font-size:16px ;
	margin: 15px 0;
}
#footer .footer-center .center-right li a{
	display: block;
	height:30px;
	line-height: 30px;
}
#footer .footer-center .center-right li a:hover{
	color:#64a131
}



/*-------------footer-down-------------*/
#footer .footer-down{
	width: 100%;
	height:200px;
	margin-top: 15px;
}
#footer .footer-down p{
	text-align: center;
	margin-bottom: 5px;
}
#footer .footer-down p.down-p1{
	color:#999;
}
#footer .footer-down p.down-p2{
	color:#64a131;
}
#footer .footer-down div{
	width: 120px;
	margin: 0 auto;
}

#footer .footer-down div img{
	text-align: center;
	display: inline-block;
	width: 47px;
	height:47px;
	margin-right: 10px;
}

#footer .footer-down div img.pic2{
	text-align: center;
	display: inline-block;
	width: 42px;
	height:47px;
	margin-right: 10px;
}




